@charset "utf-8";
 /*  
*@description: 全局 
*@author: name 林异频  
* @update: name (2015-10-9 18:32)更新 */
.white-bg{background: #fff;}
.index_top{ text-align: center; clear: both; overflow: hidden; padding: 10px 0; line-height:26px;}
.index_top strong{ display: block; clear: both; overflow: hidden; color: #454545;font-size:28px; line-height: 1.6;}
.index_top big{font-family: arial; background: url(../images/index1_01.png) no-repeat center center; color: #ff9000;font-size: 18px;text-transform: uppercase; display: block; background-size: 160px auto !important; margin-bottom: 10px;}
.index_top p{ clear: both; overflow: hidden;font-size: 16px;}
.index_top small{ clear: both; overflow: hidden; font-size: 12px;font-family:arial;}
/**************banner**************/
.banner1{ padding: 0; position: relative; margin-top: -5px; z-index: 2;}
.banner1 .swiper-slide .banner1-div{ width: 100%; display: block; height: 200px; background-size: auto 100% !important;position: relative;}
.banner1 .swiper-slide a.banner1-1{display: block;overflow: hidden;width: 100%;height: 100%;}
.banner1 .swiper-slide .banner1-div span{position: absolute;bottom: 12%;left: 50%;margin-left: -4em;background: #fff;color: #db223c;text-align: center;width: 8em;border-radius:5px;overflow: hidden;line-height: 2.2;}
.banner1 .pagination{position: absolute;text-align: center; width: 100%; z-index: 2;bottom:5px; left:0;text-align: center;}
.banner1 .pagination .swiper-pagination-bullet{ margin: 0 5px;background:url(../images/banner_b1.png) no-repeat 0 0;width: 19px; height: 19px;opacity:1; background-size: auto 100% !important; display: inline-block; overflow: hidden; border-radius: 0;}
.banner1 .pagination .swiper-pagination-switch{height: 4px;width: 20px;margin: 0 5px;display: inline-block;overflow: hidden;background: rgba(255,255,255,.5);}
.banner1 .pagination .swiper-pagination-switch.swiper-active-switch{background: #ff9000;}
.banner1 .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-position: right 0; }
.banner1 .swiper-slide .banner1-div a.banner1-position{position: absolute;left: 50%;top: 50%; width: 115px; height:39px;z-index: 5;margin-top: 16px;display: none;}
.banner1 .swiper-slide .banner1-div a.banner1-2{margin-left: -490px;}
.banner1 .swiper-slide .banner1-div a.banner1-3{margin-left: -324px;}
.banner1 .swiper-slide .banner1-div a.banner1-4{margin-left: -158px;}

@media only screen and (min-width:480px) {
/**************index4**************/
.banner1 .swiper-slide .banner1-div{ height: 300px;}
	
	
}
@media only screen and (min-width:768px) {
/**************index4**************/
.banner1 .swiper-slide .banner1-div{ height: 400px;}
.banner1 .pagination{bottom: 3%;}
.banner1 .pagination .swiper-pagination-switch{width: 40px;}	
.banner1 .swiper-slide a span{font-size: 20px;}	

}
@media only screen and (min-width:992px) {
/**************index4**************/
.banner1 .swiper-slide .banner1-div{ height: 440px;}
.banner1 .swiper_b{position: absolute;top:50%;left: 0; height: 100px; width: 65px; cursor: pointer; background: url(../images/banner1-1.png) no-repeat 0 center  rgba(0,0,0,.5); z-index: 11;margin-top: -50px;}
.banner1 .swiper_b.next{ background-position: right center;right: 0; left: auto;}
.banner1 .swiper_b:hover{ background-color:#ff9000;}
.banner1 .swiper-slide .banner1-div a.banner1-position{display: block;}
}
@media only screen and (min-width:1200px) {
/**************index4**************/
.banner1 .swiper-slide .banner1-div{ height: 500px;}
.banner1 .swiper-slide .banner1-div a.banner1-position{width: 128px; height:45px;margin-top: 18px;}
.banner1 .swiper-slide .banner1-div a.banner1-2{margin-left: -557px;}
.banner1 .swiper-slide .banner1-div a.banner1-3{margin-left: -367px;}
.banner1 .swiper-slide .banner1-div a.banner1-4{margin-left: -178px;}
	
}

.viewpoint{padding-top:57px;min-width:1250px}
.viewpoint .index-title h5{color:rgba(0,0,0,0.7)}
.viewpoint .index-title h6{color:rgba(89,89,89,0.7)}
.viewpoint-box{position:relative;width:100%;margin-top:36px;padding-bottom:38.17708%;width:100%;background:#fff none no-repeat center center;background-size:100%}
.viewpoint-box .img{position:absolute;top:0px;left:0px;width:100%;height:100%}
.viewpoint-box .img img{width:100%;height:100%}
.viewpoint-text{position:absolute;display:block;cursor:pointer;top:50%;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);left:140px;width:680px;font-size:18px;color:#fff;font-family:"SimHei";line-height:34px;letter-spacing:1px}
.viewpoint-text:hover{color:#fff}
.viewpoint-text h5{line-height:66px;font-size:55px;color:#fff;font-family:"SimHei";-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out;margin-left:-40px;opacity:0}
.viewpoint-text .p{margin-left:-40px;opacity:0;margin-top:40px}
.viewpoint-text .p:nth-child(1){-webkit-transition:all .5s ease-out .2s;-moz-transition:all .5s ease-out .2s;transition:all .5s ease-out .2s}
.viewpoint-text .p:nth-child(2){-webkit-transition:all .5s ease-out .3s;-moz-transition:all .5s ease-out .3s;transition:all .5s ease-out .3s}
.viewpoint-text .p:nth-child(3){-webkit-transition:all .5s ease-out .4s;-moz-transition:all .5s ease-out .4s;transition:all .5s ease-out .4s}
.viewpoint-text .p:nth-child(4){-webkit-transition:all .5s ease-out .5s;-moz-transition:all .5s ease-out .5s;transition:all .5s ease-out .5s}
.viewpoint-text .icon-div{opacity:0;margin-left:-40px;-webkit-transition:all .5s ease-out .5s;-moz-transition:all .5s ease-out .5s;transition:all .5s ease-out .5s}
.viewpoint-text .icon{margin-top:40px;width:59px;height:59px;background:url(../images/viewpoint_icon_0.png) no-repeat;background-size:100% 100%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
.viewpoint-text .icon:hover{margin-left:15px;opacity:.5}
.viewpoint .theactive h5,.viewpoint .theactive .p,.viewpoint .theactive .icon-div{margin-left:0;opacity:1}



.index-new{width:100%; padding-top:64px;padding-bottom:113px;background:#fff}
.index-new .index-title h5{color:#62636d; text-align:center; font-size:36px; font-weight:300; line-height:50px; margin:0 auto; padding:0; width:96%;}
.index-new .index-title h6{color:rgba(51,51,51,0.7);margin:15px 0; text-align:center; font-weight:300; font-size:14px;margin:0 auto; padding:0; width:96%;}
.index-new-switch{font-size:15px;color:#666;text-align:center;margin:10px 0; padding: 0;}
.index-new-switch li{display:inline-block;text-align:center;padding-left:32px;padding-right:32px;position:relative}
.index-new-switch li a{cursor:pointer}
.index-new-switch li a:hover{color:#333}
.index-new-switch .on a{color:#333}
.index-new-switch li+li:before{content:"";position:absolute;left:-8px;top:11px;width:15px;height:1px;background:#bababa}
.index-new-switch .li{ width:100%;font-size:0;margin:0 auto;margin-top:48px}
.index-new-switch .li-title{display:none}
.index-new-switch .li .new-more{display:block;width:100%;height:51px;margin:0 auto;margin-top:60px;background:#fbc700; color:#000; line-height:50px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.index-new-switch .li .new-more:hover{background:#666;}
@media screen and (max-width: 1500px){.index-new-switch .li .new-more{margin-top:50px}
}
@media screen and (max-width: 1400px){.index-new-switch .li .new-more{margin-top:40px}
}
.index-new-switch .li .new-more:hover{opacity:.7}
.index-new-switch .li .left{position:relative;width:40%;height:561px;display:inline-block;vertical-align:top;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;transition:all .4s ease-out}
.index-new-switch .li .left:hover{-webkit-transform:translate3d(0, -5px, 0);-moz-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}
.index-new-switch .li .left:hover .swiper-slide-text .text h5{color:#d12322}
.index-new-switch .li .left-box{background:#f3f3f3;position:relative;z-index:10;width:100%;height:100%;padding:43px 47px 50px 53px;-moz-box-sizing:border-box;box-sizing:border-box}
.index-new-switch .li .left-box-swiper{width:100%;height:100%;overflow:hidden}
.index-new-switch .li .left .shadow{position:absolute;bottom:-40px;left:0px;width:100%;padding-bottom:16.17647%;background:url(../images/new_icon_0.png);background-size:100% 100%}
.index-new-switch .li .left .swiper-slide{display:block;background:#f3f3f3}
.index-new-switch .li .left .pagination2{text-align:left}
.index-new-switch .li .left .pagination2 .swiper-pagination-bullet{background:#4e4e4e;opacity:1;margin-right:4px}
.index-new-switch .li .left .pagination2 .swiper-pagination-bullet-active{background:#dc301f}
.index-new-switch .li .left .swiper-slide-box{width:100%;height:313px;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.index-new-switch .li .left .swiper-slide-box img{max-width:100%;height:auto !important}
.index-new-switch .li .left .swiper-slide-text{width:100%;margin-top:15px;font-size:0}
.index-new-switch .li .left .swiper-slide-text .text{display:inline-block;vertical-align:top;width:100%;height:90px;text-align:left;padding-right:20px;-moz-box-sizing:border-box;box-sizing:border-box}
.index-new-switch .li .left .swiper-slide-text .text h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:19px;color:#060606;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.index-new-switch .li .left .swiper-slide-text .text p{height:75px;margin-top:12px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;line-height:25px;color:#888}
.index-new-switch .li .left .swiper-slide-text .date{display:inline-block;vertical-align:top;width:90px;height:90px;border-radius:4px;background:#b41515;text-align:center}
.index-new-switch .li .left .swiper-slide-text .date .d{font-size:58px;color:#fff;font-family:"CG";line-height:58px;margin-top:6px}
.index-new-switch .li .left .swiper-slide-text .date .ym{margin-top:2px;line-height:16.4px;font-size:16.4px;font-family:"Arial";color:#fff}
.index-new-switch .li .right{margin-left:2%;width:58%;height:561px;display:inline-block;vertical-align:top;text-align:left}
.index-new-switch .li .right-li{position:relative;text-align:left;display:inline-block;vertical-align:top;width:50%;height:140px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;transition:all .4s ease-out}
.index-new-switch .li .right-li:nth-child(even){padding-left:2px;-moz-box-sizing:border-box;box-sizing:border-box}
.index-new-switch .li .right-li:nth-child(n+3){padding-top:1px;-moz-box-sizing:border-box;box-sizing:border-box}
.index-new-switch .li .right-li-box{position:relative;z-index:10;width:100%;height:100%;background:#fff; border: 1px solid #f8f8f8;}
.index-new-switch .li .right-li:hover{z-index:100;box-shadow:0 8px 35px rgba(0,0,0,0.2)}
.index-new-switch .li .right-li:hover .date .d{color:#d12322}
.index-new-switch .li .right-li:hover .date .ym{color:#d12322}
.index-new-switch .li .right-li:hover .text h5{color:#d12322}
.index-new-switch .li .right .date{display:inline-block;vertical-align:top;width:20%;height:100%;padding-top:20px;padding-right:20px;padding-left:20px;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}
.index-new-switch .li .right .date .d{font-size:42px;color:#555;font-family:"Arial";line-height:42px;margin-top:6px;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;transition:color .3s ease}
.index-new-switch .li .right .date .ym{margin-top:2px;line-height:14px;font-size:14px;font-family:"Arial";color:#333;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;transition:color .3s ease}
.index-new-switch .li .right .text{display:inline-block;vertical-align:top;width:80%;height:100%;text-align:left;padding-top:30px;padding-right:20px;-moz-box-sizing:border-box;box-sizing:border-box}
.index-new-switch .li .right .text h3{font-size:15px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;transition:color .3s ease}
.index-new-switch .li .right .text p{margin-top:10px;color:#888;font-size:13px;line-height:25px;height:50px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media screen and (max-width: 1620px){.index-new-switch .li .left{}
.index-new-switch .li .left-box{padding-left:15px;padding-right:15px}
.index-new-switch .li .right{margin-left:15px}
.index-new-switch .li .right .date{padding-left:20px;padding-right:12px;width:90px}
	
.index-new-switch .li .right .text{width:300px;height:100%;padding-top:30px;padding-right:20px;}
.viewpoint-text h5{line-height:50px;font-size:40px}
.viewpoint-text .p{margin-top:20px}
.viewpoint-text .icon{margin-top:20px}
}
@media screen and (max-width: 1450px){.index-new-switch .li .left{height:480px;}
.index-new-switch .li .left .swiper-slide-box{width:100%;height:280px}
.index-new-switch .li .left .swiper-slide-text{width:100%}
.index-new-switch .li .left .swiper-slide-text .text{width:100%}
.index-new-switch .li .left-box{padding-top:23px;padding-bottom:30px}
.index-new-switch .li .right{height:480px}
.index-new-switch .li .right .date{padding-left:20px;padding-right:12px;padding-top:20px;width:90px}
.index-new-switch .li .right .text{width:233px;padding-top:20px}
.index-new-switch .li .right-li{height:120px}
}
@media screen and (max-width: 1400px){.viewpoint-text{width:500px}
.viewpoint-text h5{font-size:34px;line-height:40px}


.index-new-switch .li .right-li{height:120px}
.index-new-switch .li .right .date{padding-top:20px}
.index-new-switch .li .right .text{padding-top:20px}
.index-new{padding-top:60px;padding-bottom:70px}
.index-new-switch .li{margin-top:30px}
.index-new-switch .li .left .swiper-slide-box{width:100%;height:274px}
.index-new-switch .li .left .swiper-slide-text{width:100%;margin-top:20px}
.index-new-switch .li .left .swiper-slide-text .text{width:100%}
}
@media screen and (max-width: 1050px){
.index-new{width:100%;padding-top:24px;padding-bottom:33px;background:#e8e8e8}

.index-new-switch .li .left{width:40%;height:auto; float:left;}
.index-new-switch .li .right{margin-left:2%;width:56%;height:auto; float:right;}
	
	
	
.index-new-switch .li .right .text{padding-top:20px}
	

.index-new-switch .li .right .date{display:inline-block;vertical-align:top;width:20%;height:100%;padding-top:20px;padding-right:20px;padding-left:20px;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}
.index-new-switch .li .right .date .d{font-size:30px;color:#555;font-family:"Arial";line-height:42px;margin-top:6px;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;transition:color .3s ease}
.index-new-switch .li .right .date .ym{margin-top:2px;line-height:14px;font-size:14px;font-family:"Arial";color:#333;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;transition:color .3s ease}
.index-new-switch .li .right .text{display:inline-block;vertical-align:top;width:80%;height:100%;text-align:left;padding-top:30px;padding-right:20px;-moz-box-sizing:border-box;box-sizing:border-box}	
	


}

@media screen and (max-width: 780px){

.index-new-switch .li .right .text{width:100px;padding-top:20px}


}

@media screen and (max-width: 640px){
.index-new{width:100%;padding-top:24px;padding-bottom:33px;background:#e8e8e8}

.index-new-switch .li .left{margin:2%;width:96%;height:auto;}
.index-new-switch .li .right{margin:2%;width:96%;height:auto;}

.index-new-switch .li .right-li{position:relative;text-align:left;display:inline-block;vertical-align:top;width:100%;height:auto; margin:5px 0; border:1px solid #e3e3e3;}

.index-new-switch li{display:inline-block;text-align:center;padding-left:12px;padding-right:12px;position:relative}

.index-new-switch .li .left .swiper-slide-box{max-width:100%;height:300px;}
.index-new-switch .li .left .swiper-slide-box img{max-width:100%;height:auto !important}
.index-new-switch .li .left .swiper-slide-text{width:100%;margin-top:20px;font-size:0}
.index-new-switch .li .left .swiper-slide-text .text{display:inline-block;vertical-align:top;width:100%;height:90px;text-align:left; float:left;-moz-box-sizing:border-box;box-sizing:border-box}
.index-new-switch .li .left .swiper-slide-text .text h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:19px;color:#060606;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.index-new-switch .li .left .swiper-slide-text .text p{height:50px;margin-top:12px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;line-height:25px;color:#888}
.index-new-switch .li .left .swiper-slide-text .date{display:none;}
.index-new-switch .li .right .date{padding-top:15px}
.index-new-switch .li .right .text{width: 260px; padding-top:20px; padding-bottom: 20px;}
.index-new-switch .li .right .text h3{font-size:15px;color:#333; line-height: 20px; margin: 0; padding: 0;}
.index-new-switch .li .right .text p{margin: 0; padding: 0; color:#888;font-size:13px;line-height:20px;height:40px;}
}